import React from 'react';

import { ReactComponent as Plus } from '@/assets/images/profile/Plus.svg';
import { ModalContext } from '@/shared/context/ModalContext';
import { Modals } from '@/shared/interfaces';

import cs from './AddPaymentCard.module.scss';

export const AddPaymentCard = () => {
  const { openModal } = React.useContext(ModalContext);

  return (
    <div className={cs.add_card} onClick={() => openModal(Modals.AddPaymentCard)}>
      <Plus />
    </div>
  );
};
